A Sir Refusenik le ha gustado tanto el scroll de últimos comentarios que voy a explicar lo que hice para obtener el código.
El método es un tanto casero, pero funciona que es lo que importa ;)
Anteriormente añadí el código para los últimos comentarios, con la contrariedad que almacena los comentarios que se hacen en los post de las entradas visibles del blog.
Es decir... a mayor número de entradas mayor número de comentarios y obviamente el listado de últimos comentarios también mayor, todo eso hacía un listado interminable en la sidebar que a su vez mientras cargaba la página quedaba un listado interminable.
Estuve buscando el código que Blogger proporciona en nuestra plantilla para los comentarios, y me situé más o menos en esta parte del código:
<MainPage>
<ul>
<Blogger>
<BlogItemCommentsEnabled>
<BlogItemComments>
<li><$BlogCommentAuthor$> //
<a href="<$BlogCommentPermalinkURL$>">
<$BlogCommentDateTime$></a></li>
</BlogItemComments>
</BlogItemCommentsEnabled>
</Blogger>
</ul><
</MainPage>
Esa es la parte del código que envuelve los comentarios y esto que continúa lo que yo añadí justo antes.
1 º Código, pegar antes de <MainPage>
<h2 class="sidebar-title">Comentarios Recientes</h2><table border=0 width=190 bgcolor="white"><td bgcolor="white"><marquee behavior="scroll" scrollamount=1 direction="up" height="100"><font color="#458B00">
**_** Breve explicación del código **_**
La primera línea es para el título, donde dice
Comentarios recientes podéis poner cualquier otra frase.
En
table border=0 es el borde de la tabla donde está metido el código, si deseas que se visione un marco puedes cambiar el 0 por 1, por 2 si deseas un marco más grueso.
El tamaño que ocupará está definido en
width y
height puedes adecuar también a tu gusto.
Yo quise que el color de fondo fuera blanco así que le puse
bgcolor=´´white`` también se puede cambiar el color por el que deseas sustituyendo white.
La velocidad del texto la puedes cambiar en
scrollamount si cambias el 1 por otro mayor, a mayor número mayor velocidad.
Por último añadí color a la letra que aquí solemos llamar fuentes :) y lo hice añadiendo font color= "#458B00"> puedes cambiar 458B00 por otro color pero el resto déjalo como está con entrecomillado y arterisco incluido.
Luego hice este código para cerrar el anterior que deberemos pegar justo después del código de Main Page.
2 º Código, pegar justo después de </MainPage>
</font></marquee></td></table><br>
Una vez ubicado el código de Main Page pegamos el primer código justo antes y el segundo justo después y quedaría algo así:
<h2 class="sidebar-title">Comentarios Recientes</h2>
<table border=0 width=190 bgcolor="white"><td bgcolor="white"><marquee behavior="scroll" scrollamount=1 direction="up" height="100"><font color="#458B00">
<MainPage>
<ul>
<Blogger>
<BlogItemCommentsEnabled>
<BlogItemComments>
<li><$BlogCommentAuthor$> //
<a href="<$BlogCommentPermalinkURL$>">
<$BlogCommentDateTime$></a></li>
</BlogItemComments>
</BlogItemCommentsEnabled>
</Blogger>
</ul>< </MainPage>
</font></marquee></td></table><br>
Míramos en vista previa y guardamos los cambios.
Ahí va el código Sir Refusenik y para todo el que quiera aplicarlo ;)
Espero que resulte ;)
17
opiniones
